<template>
  <div>
    <ph-header></ph-header>
    <div class="right">
      <span v-routers="{path:-1}"><van-icon name="revoke" /></span>
    </div>
    <div class="set-down">
      <ph-map></ph-map>
    </div>
    <div class="item-box-title">
     课程： 计算机网路基础
    </div>
    <div class="bottom">
      <van-button block color="#333">立即签到</van-button>
      <van-button class="btn-bottom" block color="#333">举手提问</van-button>
    </div>

  </div>
</template>

<script>
  export default {

  }
</script>

<style scoped lang="scss">
.right{
  width: 100%;
  font-size: 14px;
  margin: 10px 0;
  text-align: right;
  padding: 0 10px;
  box-sizing: border-box;
  color: #ff5246;
}
.item-box-title{
  width: 100%;
  font-size: 14px;
  padding:0 25px;
  box-sizing: border-box;
}
  .set-down{
    width: 100%;
    height: 400px;
    //overflow-x: scroll;
    //background: red;
  }
  .bottom{
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    box-sizing: border-box;
    .btn-bottom{
      margin-top: 10px;
    }
  }
</style>
